<template>
  <el-backtop>
    <div />
  </el-backtop>
</template>

<script>

export default {
  name: 'BackTop',
  components: {},
  data () {
    return {

    };
  },
  methods: {

  },
}
</script>
<style lang='scss' scoped>
.el-backtop {
  width: 50px;
  height: 50px;
  background-color: rgba(255, 255, 255, 0.4);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  font-size: 30px;
  &::after {
    position: absolute;
    content: "↑";
  }
  &:hover {
    &::after {
      content: "回到顶部";
      font-size: 17px;
      text-align: center;
    }
  }
}
</style>